<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> -- 我的账号信息 </title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <include file="Index/common_css"/>
    <link href="__PUBLIC__/admin/css/plugins/iCheck/custom.css" rel="stylesheet">
    <style>
        body{
            font-size:15px;
        }
    </style>
</head>

<body class="gray-bg">
<div class="row">
    <div class="col-sm-12">
        <div class="wrapper wrapper-content animated fadeInUp">
            <div class="ibox">
                <div class="ibox-content">
                    <div class="row nav-tabs" style="margin-left: 70px;">
                        <dl class="dl-horizontal pull-right">
                            <dt>状态：</dt>
                            <dd><span class="label label-primary">{$data.status}</span>
                            </dd>
                        </dl>
                        <!--onclick="user_head(this,'{$data.user_id}');"-->
                        <a title="点击更换" href="javascript:;" data-toggle="modal" data-target="#myModal">
                            <div class="col-sm-4">
                                <div class="text-center">
                                    <img alt="image" style="height: 80px;width: 80px;" class="img-circle  img-responsive" src="__ROOT__/{$data.image}">
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="row" style="margin-top: 50px;">
                        <div class="col-sm-5">
                            <dl class="dl-horizontal">

                                <dt>账号：</dt>
                                <dd>{$data.user_id}</dd>
                                <dt>邮箱：</dt>
                                <dd>{$data.user_email}</dd>
                                <dt>姓名：</dt>
                                <dd>{$data.user_name}</dd>
                                <dt>中文：</dt>
                                <dd>{$data.name_zh_cn}</dd>
                                <dt>国家：</dt>
                                <dd>{$data.country}</dd>
                                <dt>省份：</dt>
                                <dd>{$data.province}</dd>
                                <dt>城市：</dt>
                                <dd>{$data.city}</dd>
                            </dl>
                        </div>
                        <div class="col-sm-7" id="cluster_info">
                            <dl class="dl-horizontal">
                                <dt>我的职位：</dt>
                                <dd>{$data.user_position}</dd>
                                <dt>注册时间：</dt>
                                <dd>{$data.user_createtime}</dd>
                                <dt>出生日期：</dt>
                                <dd>{$data.user_birthday}</dd>
                                <dt>我的电话：</dt>
                                <dd>{$data.user_phone}</dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <form action="" method="post" enctype="multipart/form-data" name="form1" id="myform">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">上传新图片</h4>
                    </div>
                    <div class="modal-body">
                        <div class="input-group colorpicker-component demo demo-auto">
                            <input name="user_id" type="hidden" value="{$data.user_id}" id="user_id">
                            <input type="file"  accept="image/*" name="file" id="inputImage"  class="" />
                            <span class=""><i></i></span>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <a type="button" class="btn btn-default" onclick="ImgUpload();" id="loading-example-btn">上传</a>

                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </form>
        </div>
    </div>






</div>
<!-- 全局js -->
<include file="Index/common_js"/>
<!-- Peity -->
<script src="__PUBLIC__/admin/js/plugins/peity/jquery.peity.min.js"></script>
<!-- 自定义js -->
<script src="__PUBLIC__/admin/js/content.js?v=1.0.0"></script>
<!--<script src="__PUBLIC__/user/js/webuploader-0.1.5/webuploader.js"></script>-->
<!--<script src="__PUBLIC__/user/js/webuploader-0.1.5/webuploader.css"></script>-->


<!-- iCheck -->
<script src="__PUBLIC__/admin/js/plugins/iCheck/icheck.min.js"></script>
<script src="__PUBLIC__/admin/js/plugins/layer/laydate/laydate.js"></script>
<script>
    function ImgUpload()
    {
        var form = document.getElementById('myform');
        fdata = new FormData(form);
        XHR = new XMLHttpRequest();
        XHR.open('POST','__MODULE__/MyAccount/My_head',true);
        XHR.onreadystatechange=function(){
            if(XHR.readyState == 4)
            {
                layer.msg(XHR.responseText, {time: 1400});
                setTimeout(function () {location.reload();}, 1500);
            }
        };
        XHR.send(fdata);
    }

</script>
</body>
</html>
